<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style/task8.css">
    <link rel="stylesheet" href="style/css/bootstrap.css">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>首页</title>
</head>

<body>
    <header>
        <div class="header-bar-white">
            <div class="container">
                <div class="header-phone">客服热线:010-59478634
                </div>
                <div class="header-icon">
                </div>
            </div>
        </div>
        <div class="header-bar-green">
            <div class="container">
                <div class="header-nav">关于
                </div>
                <a href="team.html">
                    <div class="header-nav">推荐
                    </div>
                </a>
                <a href="job.html">
                    <div class="header-nav">职业
                    </div>
                </a>
                <a href="index.html">
                    <div class="header-nav">首页
                    </div>
                </a>
            </div>
        </div>
    </header>
    <section>
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/index_logo.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="images/index_logo1.jpg" alt="Second slide">
                </div>
                <div class="item">
                    <img src="images/index_logo2.jpg" alt="Third slide">
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev"> <span _ngcontent-c3=""
                    aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
        <div class="container">
            <div class="index-middle">
                <div class="index-middle-box">
                    <div class="index-middle-img">
                        <div class="index-middle-img1">
                        </div>
                    </div>
                    <div class="index-middle-p">高效
                    </div>
                    <div class="index-middle-p1">将五到七年的成长时间，缩短到一年到三年。
                    </div>
                </div>
                <div class="index-middle-box">
                    <div class="index-middle-img">
                        <div class="index-middle-img2">
                        </div>
                    </div>
                    <div class="index-middle-p">规范
                    </div>
                    <div class="index-middle-p1">将五到七年的成长时间，缩短到一年到三年。
                    </div>
                </div>
                <div class="index-middle-box">
                    <div class="index-middle-img">
                        <div class="index-middle-img3">
                        </div>
                    </div>
                    <div class="index-middle-p">人脉
                    </div>
                    <div class="index-middle-p1">将五到七年的成长时间，缩短到一年到三年。
                    </div>
                </div>
                <div class="index-middle-box">
                    <div class="index-middle-icon">
                    </div>
                    <div class="index-middle-p2">12400
                    </div>
                    <div class="index-middle-p3">累计在线学习人数
                    </div>
                    <div class="index-middle-icon">
                    </div>
                    <div class="index-middle-p2">12400
                    </div>
                    <div class="index-middle-p3">累计在线学习人数
                    </div>
                </div>
            </div>
            <div class="index-p">
                如何学习
            </div>
            <div class="index-middle-learn">
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">1
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                    <div class="index-middle-learn-icon">
                    </div>
                </div>
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">2
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                    <div class="index-middle-learn-icon">
                    </div>
                </div>
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">3
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                    <div class="index-middle-learn-icon">
                    </div>
                </div>
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">4
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                </div>
            </div>
            <div class="index-middle-learn">
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">1
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                    <div class="index-middle-learn-icon">
                    </div>
                </div>
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">2
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                    <div class="index-middle-learn-icon">
                    </div>
                </div>
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">3
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                    <div class="index-middle-learn-icon">
                    </div>
                </div>
                <div class="index-middle-box1">
                    <div class="index-middle-circle">
                        <div class="index-middle-circle-border">4
                        </div>
                    </div>
                    <div class="index-p1">匹配你现在的个人情况寻找适合自己的岗位
                    </div>
                </div>
            </div>
            <div class="index-p">
                优秀学员展示
            </div>
            <div class="index-middle-show">
                <div class="index-show">
                    <div class="index-show-head">
                    </div>
                    <div class="index-show-p">技术顾问:罗大佑
                    </div>
                    <div class="index-show-p1">技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑
                    </div>
                </div>
                <div class="index-show">
                    <div class="index-show-head">
                    </div>
                    <div class="index-show-p">技术顾问:罗大佑
                    </div>
                    <div class="index-show-p1">技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑
                    </div>
                </div>
                <div class="index-show">
                    <div class="index-show-head">
                    </div>
                    <div class="index-show-p">技术顾问:罗大佑
                    </div>
                    <div class="index-show-p1">技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑
                    </div>
                </div>
                <div class="index-show">
                    <div class="index-show-head">
                    </div>
                    <div class="index-show-p">技术顾问:罗大佑
                    </div>
                    <div class="index-show-p1">技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑技术顾问:罗大佑
                    </div>
                </div>
            </div>
            <div class="index-page">
            </div>
            <div class="index-p">
                战略合作企业
            </div>
            <div class="index-friend">
                <div class="index-friend-box">
                    <div class="index-friend-icon">
                    </div>
                </div>
                <div class="index-friend-box">
                    <div class="index-friend-icon">
                    </div>
                </div>
                <div class="index-friend-box">
                    <div class="index-friend-icon">
                    </div>
                </div>
                <div class="index-friend-box">
                    <div class="index-friend-icon">
                    </div>
                </div>
                <div class="index-friend-box">
                    <div class="index-friend-icon">
                    </div>
                </div>
            </div>

        </div>
    </section>
    <footer>
        <div class="footer-friendlink">
            <div class="index-link">
                友情链接
            </div>
            <div class="container">
                <ul class="index-ul">
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                </ul>
                <ul class="index-ul">
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                    <li class="index-li">手机软件</li>
                </ul>
            </div>
        </div>
        <div class="footer-partner">
            <div class="container">
                <div class="footer-siteinfo">
                    <div class="footer-site-left">
                        <div class="footer-p">技能树—改变你我
                        </div>
                        <div class="footer-p">
                        </div>
                        <div class="footer-p">技能树—改变你我
                        </div>
                    </div>
                    <div class="footer-site-middle">
                        <div class="footer-p1">旗下网站
                        </div>
                        <div class="footer-p1">微信公众平台
                        </div>
                        <div class="footer-p1">微信公众平台
                        </div>
                    </div>
                    <div class="footer-site-right">
                        <div class="footer-p2">微信公众平台
                        </div>
                        <div class="footer-code">
                        </div>
                    </div>
                </div>
                <div class="footer-copyright">Copyright © 2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1
                </div>
            </div>
        </div>
    </footer>
</body>

</html>